<template>
  <div class="message-win" ref="message-wins" style="display:none">
    <div class="message-content-div">
      <BaseWin ref="message-slot" height="600px" width="700px">
        <textarea slot="content" :value="displayMessage" cols="95" rows="24"></textarea>
        <Button text="关闭" :click-function="closeWin" slot="foot"/>
      </BaseWin>
    </div>
  </div>
</template>

<script>
import BaseWin from "@/components/win/BaseWin";
import Button from "@/components/button/ButtonComponent";

export default {
  name: "LongWinComponent",
  data(){
    return{
      displayStyle:'none',
      displayMessage: String
    }
  },
  methods:{
    closeWin:function (){
      this.$refs["message-wins"].style="display:none";
    },
    showWin:function (){
      this.$refs["message-wins"].style="display:block";
    },
    setMessage:function (mes){
      if(null===mes){
        mes = "数据为空";
      }
      this.displayMessage = mes;
    }
  },
  components: {Button, BaseWin}
}
</script>

<style scoped>
.message-content-div{
  margin: auto;
  text-align: center;
}

</style>